@charset "utf-8";
/* CSS Document */

#home { margin:0 auto; width:1000px; padding:0px; font-size:1.1em; }
#home #banner { margin:0px; padding:0; overflow:hidden;position:relative; width:1000px; height:350px; background:#181818; }
#home #banner .slider{ position:absolute;}
#home #banner .slider li{ list-style:none;display:inline; margin:0; padding:0; float:left; }
#home #banner .slider img{ width:1000px; display:block; }
#home #banner .slider2{ width:2000px;}
#home #banner .slider2 li{ float:left; display:inline; }
#home #banner .num{ position:absolute; right:5px; bottom:5px;}
#home #banner .num li{ float:left; color:#000; text-align:center; display:inline; line-height:16px; width:16px; height:16px; font-family:Arial; font-size:11px; cursor:pointer; overflow:hidden; margin:3px; background:none repeat scroll 0 0 #FFF; opacity:0.4; filter:alpha(opacity=40); }
#home #banner .num li.on{ color:#000; font-weight:bold; line-height:16px; width:16px; height:16px; font-size:11px; border:0; background-color:none repeat scroll 0 0 #FFFFFF; font-weight:bold; opacity:0.8; filter:alpha(opacity=80); }
#home #banner img { margin:0; padding:0; }


#home .news { background:url( ../images/news-bg.jpg) top center repeat-x; margin:0px; padding:0; height:30px; line-height:30px; border: 1px solid #DDD; border-radius: 0px 0px 5px 5px; box-shadow: 0px 2px 2px #DDD;}
#home .news a { color: #0088cc; text-decoration:none;}
#home .news a:hover { text-decoration:underline; color:#0088cc;}
#home .news .room { width:100px; float:left; background:url( ../images/news-lbg.jpg) left center no-repeat; text-indent:30px; height:29px; line-height:30px; color:#0088cc; font-weight:700; margin-left:10px; }

#home .news .more { width:55px; background:url( ../images/newsplus.jpg) right center no-repeat; float:left; margin-left:35px; height:30px; line-height:30px;  }
#home .news .more a {height:30px; line-height:30px; display:block; text-align:left;}
 
#home .news .con { width:340px; float:left; background:url( ../images/newsulbg.jpg) left center no-repeat; }
#home .news .con ul { width:340px; float:left;}
#home .news .con ul li { float:left; line-height:30px; height:30px; width:340px; overflow:hidden; text-indent:8px;}
#home .news .con ul li span, #home .news .con ul li span a { float:right; color:#0088cc; line-height:30px; height:30px; display:block;}
#home #home-m { width:1000px; margin:0 auto; padding:0; overflow:hidden;}
#home #home-m .contant { margin:10px auto 0 auto; padding:0;  }
#home #home-m .contant .left { width:780px; float:left;  background:#fff;  border: 1px solid #DDD; border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 2px #DDD; margin-bottom:5px;} 
#home #home-m .contant .right { width:203px;  float:right; overflow:hidden; text-align:right;}
 
 

#home-products { font-family: Arial,Helvetica,sans-serif; }
#home-products ul {  margin:0; padding:0; width: 780px; background:none;  }
#home-products ul li { width:360px; float:left; margin:15px 0 0 20px; padding:0; list-style:none; height:160px; position:relative;  }
#home-products ul li ul{ margin:0; padding:0; width:360px;  background:none; }
#home-products ul li ul li { padding: 0; width: 360px; margin:0; list-style:none; display: block; position:static !important; }
.product-windows { background: none repeat scroll 0 0 #FFF; color: #666; margin:0; padding:0;}
.product-windows .con, .product-mac .con { width:360px; padding:0; margin:0;  }
.product-windows .con .int, .product-mac .int { float: left; font-size: 12px; width: 230px;}
.product-windows .con .int .trial-d, .product-mac .int .trial-d { color:#08c; margin-top:10px;}
.product-windows .con .int .trial-d .learn, .product-mac .int .trial-d .learn { float:left; background:url(../images/homelearnmorebg.jpg) center right no-repeat; width:82px; font-size:13px; font-weight:700; }
.product-windows .con .int .trial-d .trial, .product-mac .int .trial-d .trial { margin-left:20px; float:left; background:url(../images/hometrialbg.jpg) center left no-repeat; width:88px;font-size:13px; font-weight:700; text-indent:19px; }
.product-windows .con .int .trial-d a, .product-mac .int .trial-d a { color:#08c; text-decoration:none;}
.product-windows .con .int h3, .product-mac .int h3 { color: #333;font-size: 14px; line-height: 25px;margin: 0px 0 15px 0; padding: 0; overflow: auto;}
.product-windows .con .pic, .product-mac .con .pic { float: right; width: 120px; margin:26px 0 0 0; display:inline; z-index:-10;}
.product-windows .con .pic img, .product-mac .con .pic img { border: 1px solid #DDD;  border-radius: 0 15px 0 15px; margin-top: 0px; box-shadow: 0 1px 2px #DDD; width:120px; z-index:-10;}
.product-mac { background: none repeat scroll 0 0 #FFF; color: #666; margin:0; padding:0; }
.product-tab { background: url(../images/homeptabbgb.jpg) top  left no-repeat; width: 116px; line-height:22px; height:25px; position:absolute; top:0; right:0; z-index:50; }
.product-tab a { font-size: 12px; text-decoration: none;  color:#666; padding-left:30px; padding-right:6px; padding-bottom:5px; padding-top:5px; }
.product-tab a.current { background: url( ) no-repeat scroll center bottom transparent; color: #0088CC;}
.product-tab .windows, .product-tab .mac { height: 24px; line-height: 24px; background: url(../images/win-bg.jpg) top left no-repeat; width:58px; overflow:hidden;}
.product-tab .mac { background: url(../images/mac-bg.jpg) top right no-repeat;}
.clear { clear: both;}